﻿@model Model.UserInfo

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/shouji/images/splash/splash-icon.png">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="~/shouji/images/splash/splash-icon-big.png">
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen@2x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" />
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen-six.png" media="(device-width: 375px)">
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen-six-plus.png" media="(device-width: 414px)">
    <link rel="apple-touch-startup-image" sizes="640x1096" href="~/shouji/images/splash/splash-screen@3x.png" />
    <link rel="apple-touch-startup-image" sizes="1024x748" href="~/shouji/images/splash/splash-screen-ipad-landscape" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)" />
    <link rel="apple-touch-startup-image" sizes="768x1004" href="~/shouji/images/splash/splash-screen-ipad-portrait.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)" />
    <link rel="apple-touch-startup-image" sizes="1536x2008" href="~/shouji/images/splash/splash-screen-ipad-portrait-retina.png" media="(device-width: 768px)	and (orientation: portrait)	and (-webkit-device-pixel-ratio: 2)" />
    <link rel="apple-touch-startup-image" sizes="1496x2048" href="~/shouji/images/splash/splash-screen-ipad-landscape-retina.png" media="(device-width: 768px)	and (orientation: landscape)	and (-webkit-device-pixel-ratio: 2)" />

    <title>登录</title>
    

    <link href="~/shouji/styles/style.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/framework.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/swipebox.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/animate.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.8.2/jquery.min.js"></script>
   
    <script type="text/javascript" src="~/shouji/scripts/jqueryui.js"></script>
    <script type="text/javascript" src="~/shouji/scripts/framework.plugins.js"></script>
    <script type="text/javascript" src="~/shouji/scripts/custom.js"></script>
</head>
<body>
    <div id="preloader">
        <div id="status">
            <p class="center-text">
                正在加载……
                <em>请稍后!</em>
            </p>
        </div>
    </div>
   
    <div class="header">
        <a href="#" style=" float: left; margin-top: 22px; margin-left: 30px; font-size: 25px; color: white; font-weight: bolder;">dotNet真题实战</a>
        @*<a href="#" class="header-navigation show-navigation"><i class="fa fa-navicon"></i></a>*@
    </div>
    <div class="header-clear"></div>

    <div class="login-page bg1">
        <div class="login-page-overlay"></div>
        <div class="login-page-wrapper">
            <a href="#" class="login-logo"></a>
            <form role="form" action="/App/Index" method="post">
               
                    账号：<input type="text" class="login-username" name="Uname" id="s1">
                    <span id="spname" style="color:red"></span>
                    <span id="spn" style="color:blue"></span>
                <br />
                <br />
               密码： <input type="password" class="login-password"  name="Pwd"  id="s2">
                <span id="sppwd" style="color:red"></span>
                <span id="spp" style="color:blue"></span>
                <br />
                <br />
                <div class="one-half">
                    @*<a href="#"   class="button button-green">登录</a>*@
                    <input type="submit" class="button button-green" value="登录" />
                </div>
                <div class="one-half last-column">
                    @*<a href="AddUser.cshtml" class="button button-blue">注册</a>*@
                    <a href="/AppPhone/App/AddUser"><input type="button" class="button button-blue" value="注册" /></a>
                </div>
                <div class="clear"></div>
                <a class="forgot" href="#"></a>
                </form>
</div>
    </div>
    <!-- Page Footer-->
    <div class="footer disabled">
        <div class="footer-socials half-bottom">
            <a href="#" class="footer-facebook"><i class="fa fa-facebook"></i></a>
            <a href="#" class="footer-twitter"><i class="fa fa-twitter"></i></a>
            <a href="#" class="footer-google"><i class="fa fa-google-plus"></i></a>
            <a href="#" class="footer-share show-share-bottom"><i class="fa fa-share-alt"></i></a>
            <a href="#" class="footer-up"><i class="fa fa-angle-up"></i></a>
        </div>
        <p class="center-text">Copyright 2015. All rights reserved.</p>
    </div>

    <!-- Share Elements-->
    <div class="share-bottom">
        <h3>Share Page</h3>
        <div class="share-socials-bottom">
            <a href="https://www.facebook.com/sharer/sharer.php?u=http://www.themeforest.net/">
                <i class="fa fa-facebook facebook-color"></i>
                Facebook
            </a>
            <a href="https://twitter.com/home?status=Check%20out%20ThemeForest%20http://www.themeforest.net">
                <i class="fa fa-twitter twitter-color"></i>
                Twitter
            </a>
            <a href="https://plus.google.com/share?url=http://www.themeforest.net">
                <i class="fa fa-google-plus google-color"></i>
                Google
            </a>

            <a href="https://pinterest.com/pin/create/button/?url=http://www.themeforest.net/&media=https://0.s3.envato.com/files/63790821/profile-image.jpg&description=Themes%20and%20Templates">
                <i class="fa fa-pinterest-p pinterest-color"></i>
                Pinterest
            </a>
            <a href="sms:">
                <i class="fa fa-comment-o sms-color"></i>
                Text
            </a>
            <a href="mailto:?&subject=Check this page out!&body=http://www.themeforest.net">
                <i class="fa fa-envelope-o mail-color"></i>
                Email
            </a>
        </div>
        <a href="#" class="close-share-bottom">Close</a>
    </div>
    <div class="menu-wrapper-background"></div>
</body>
</html>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/userInfoCheck.js"></script>
<script>
    $(function () {
        $("input").keyup(function () {
            if ($("#s1").val() == "") {
                $("#spname").text("账号不能为空")
                $("#spn").text("")
            }
            else {
                $("#spn").text("√")
                $("#spname").text("")


            }
            if ($("#s2").val() == "") {
                $("#sppwd").text("密码不能为空")
                $("#spp").text("")
            }
            else {
                $("#spp").text("√")
                $("#sppwd").text("")

            }
        })
    })

</script>